import React, { Component, PropTypes } from 'react';
import Module from '../../lib/module';
import { Input,Radio } from 'antd';


const Search = Input.Search;
const RadioGroup = Radio.Group;
class changeVipData extends Module{
    constructor(props, context) {
        super(props, context);
        this.state = {
            value: 1,
        };

    }
    onChange = (e) => {
        console.log('radio checked', e.target.value);
        this.setState({
            value: e.target.value,
        });
    }



    componentDidMount() {
    }

    componentWillUnmount() {
    }

    render() {
        return <div className="change-vip-data">
            <div className="find-vip-search">
                <Search
                    placeholder="input search text"
                    enterButton="查询"
                    size="large"
                    onSearch={value => console.log(value)}
                />
            </div>
            <div className="change-message">
                <div className="change-div" style={{float:"left"}}>
                    <div className="small-input">
                        会员姓名：<br/>
                        <input type="text"/>
                    </div>
                    <div className="small-input">
                        会员性别：<br/>
                        <RadioGroup onChange={this.onChange} value={this.state.value}>
                            <Radio value={1}>男</Radio>
                            <Radio value={2}>女</Radio>
                        </RadioGroup>
                    </div>
                    <div className="small-input">
                        出生日期：<br/>
                        <input  type="date"/>
                    </div>
                    <div className="small-input">
                        身份证号：<br/>
                        <input/>
                    </div>
                    <div className="small-input address-input">
                        家庭住址：<br/>
                        <input type="text"/>
                    </div>
                </div>
                <div className="change-div" style={{float:"right"}}>
                    <div className="small-input">
                        <div style={{display:"inline-block"}}>监护人1： <br/> <input type="text"/></div>
                        <div style={{display:"inline-block",marginLeft:"10px"}}>称谓： <br/> <input type="text"/></div>
                        <div>手机号码：<br/><input type="text"/></div>
                    </div>
                    <div className="small-input">
                        <div style={{display:"inline-block"}}>监护人2： <br/> <input type="text"/></div>
                        <div style={{display:"inline-block",marginLeft:"10px"}}>称谓： <br/> <input type="text"/></div>
                        <div>手机号码：<br/><input type="text"/></div>
                    </div>
                </div>
            </div>
            <div className="change-message-button">
                <span>修改</span>
                <span>保存</span>
            </div>
        </div>
    }
}
export default changeVipData;